<template>
  <div>
    <h1>{{ msg }}</h1>
    <one></one>
    <button @click="$destroy()">点击销毁</button>
  </div>
</template>

<script>
import one from "./components/one.vue";
export default {
  components: { one },
  data() {
    return {
      msg: "Hello, 70",
      age: 70,
    };
  },
  //销毁阶段
  // 拆除监听器，子组件，绑定事件等
  // 这个阶段：一般用来清除全局监听事件，定时器等
  beforeDestroy() {
    console.log("组件将被销毁,我是app.vue的 beforeDestroy");
  },
  destroyed() {
    console.log("组件已被销毁,我是app.vue的 destroyed");
  },
};
</script>

<style>
</style>